<!DOCTYPE HTML>
<style>
    * { background-color: gray; }
    .box { width: 100%; height: 50px; margin-bottom: 10px; background-color: darkmagenta; }
    .box1, .box2, .box3, .box4 { background-color: red; }
    .box2, .box3, .box4 { background-color: yellow; }
    .box4 { background-color: blue; }
    .box3, .box5 { background-color: black; height: 100px; }
    
    .wrapper
    { background-color: white; width: 100%; height: 480px; }
    p { color: lime; }
    </style>
<body>
    <div class="wrapper">
        <p>this line should be green with gray background-color.</p>
        <div class="box box1"></div>
        <div class="box box2"></div>
        <div class="box box3"></div>
        <div class="box box4"></div>
        <div class="box box5"></div>
    </div>
</body>
</html>